<template>
  <div id="contact_service">
    <div class="contact_head">
      <div class="contact_head_mask"></div>
      <div class="contact_mess">
        <div class="mess_left">请扫描右侧<br>二维码联系客服</div>
        <div class="mess_right"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ContactService"
}
</script>

<style scoped>
#contact_service{
  position: relative;
  width: 100%;
}
.contact_head{
  position: relative;
  height: calc(100vh - 60px);
  background-image: url("https://bucket-yufei.oss-cn-beijing.aliyuncs.com/sixth-qianfeng/front/bg2.jpg");
  background-size: 100%;
  background-position: center;
  overflow: hidden;
}
.contact_head_mask{
  /*position: absolute;*/
  /*left: 0;*/
  /*top: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*background: rgba(0,0,0,.5);*/
}
.contact_mess{
  display: flex;
  position: relative;
  justify-content: space-evenly;
  padding-top: 20px;
}
.contact_mess div{
  min-width: 500px;
}
.mess_left{
  font-size: 60px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 160px;
}
.mess_right{
  width: 100px;
  height: 500px;
  background-image: url("https://oss.yhuayi.com/my_self/image/jm_wx.jpg");
  background-size: 100% 100%;
  background-position: center;
}
</style>
